/*导航选中*/
header .nav-item:nth-child(3) a {
    font-size: 18px;
    color: #668aca;
}
header .nav-item:nth-child(3) span {
    opacity: 1;
}
/*轮播板块*/
.banner {
    width: 100%;
    height: 300px;
    background: url("../img/goods/banner.jpg") no-repeat center;
    background-size: cover;
}
/*主体内容*/
main {
    overflow: hidden;
    width: 100%;
    margin-bottom: 154px;
}
/*主体公共导航*/
main .nav {
    overflow: hidden;
    width: 100%;
    margin-top: 50px;
}
.nav p {
    float: left;
    font-size: 14px;
    color: #767676;
    line-height: 14px;
}
.nav p span {
    font-size: 14px;
    color: #668aca;
}
.nav ul {
    float: right;
}
.nav ul li {
    position: relative;
    float: left;
    width: 41px;
    height: 16px;
    text-align: center;
    margin-left: 25px;
}
.nav ul li:nth-child(2n) {
    width: 1px;
    height: 8px;
    background-color: #b5b5b5;
    margin-top: 4px;
}
.nav ul li:last-child {
    margin-right: 6px;
}
.nav ul li a {
    font-size: 14px;
    color: #767676;
}
.nav ul li span {
    position: absolute;
    bottom: -2px;
    left: 50%;
    width: 12px;
    height: 1px;
    background-color: #668aca;
    transform: translateX(-50%);
    opacity: 0;
}
.nav ul li:hover a {
    font-size: 16px;
    color: #668aca;
}
/*床 bed*/
.nav.bed ul li:nth-child(1) a {
    font-size: 16px;
    color: #668aca;
}
.nav.bed ul li:nth-child(1) span {
    opacity: 1;
}
.nav.bed ul li:hover span {
    opacity: 1;
}
/*沙发 sofa*/
.nav.sofa ul li:nth-child(3) a {
    font-size: 16px;
    color: #668aca;
}
.nav.sofa ul li:nth-child(3) span {
    opacity: 1;
}
.nav.sofa ul li:hover span {
    opacity: 1;
}
/*桌椅 table*/
.nav.table ul li:nth-child(5) a {
    font-size: 16px;
    color: #668aca;
}
.nav.table ul li:nth-child(5) span {
    opacity: 1;
}
.nav.table ul li:hover span {
    opacity: 1;
}
/*衣柜 wardrobe*/
.nav.wardrobe ul li:nth-child(7) a {
    font-size: 16px;
    color: #668aca;
}
.nav.wardrobe ul li:nth-child(7) span {
    opacity: 1;
}
.nav.wardrobe ul li:hover span {
    opacity: 1;
}
/*灯 light*/
.nav.light ul li:nth-child(9) a {
    font-size: 16px;
    color: #668aca;
}
.nav.light ul li:nth-child(9) span {
    opacity: 1;
}
.nav.light ul li:hover span {
    opacity: 1;
}
/*主体内容图片公共样式*/
.goods {
    overflow: hidden;
}
.goods li {
    position: relative;
    float: left;
    width: 360px;
    height: 360px;
    margin: 30px 60px 30px 0;
    border-radius: 8px;
    cursor: pointer;
}
.goods li:nth-child(3n) {
    margin-right: 0;
}
.goods li .mask-title {
    position: absolute;
    top: 302px;
    left: 100px;
    height: 40px;
}
.goods li .mask-title p {
    font-size: 16px;
    line-height: 13px;
    color: #767676;
}
.goods li .mask-title p:nth-child(2) {
    line-height: 14px;
    margin-top: 13px;
}
.goods li:nth-child(1) .mask {
    display: block;
    background-color: rgb(0,0,0);
    opacity: 0.5;
}
/*床 bed*/
.goods.bed li:nth-child(1) {
    background: url("../img/goods/bed-1.jpg") no-repeat;
}
.goods.bed li:nth-child(2) {
    background: url("../img/goods/bed-2.jpg") no-repeat;
}
.goods.bed li:nth-child(3) {
    background: url("../img/goods/bed-3.jpg") no-repeat;
}
.goods.bed li:nth-child(4) {
    background: url("../img/goods/bed-4.jpg") no-repeat;
}
.goods.bed li:nth-child(5) {
    background: url("../img/goods/bed-5.jpg") no-repeat;
}
.goods.bed li:nth-child(6) {
    background: url("../img/goods/bed-6.jpg") no-repeat;
}
/*沙发 sofa*/
.goods.sofa li:nth-child(1) {
    background: url("../img/goods/sofa-1.jpg") no-repeat;
}
.goods.sofa li:nth-child(2) {
    background: url("../img/goods/sofa-2.jpg") no-repeat;
}
.goods.sofa li:nth-child(3) {
    background: url("../img/goods/sofa-3.jpg") no-repeat;
}
/*桌椅 table*/
.goods.table li:nth-child(1) {
    background: url("../img/goods/table-1.jpg") no-repeat;
}
.goods.table li:nth-child(2) {
    background: url("../img/goods/table-2.jpg") no-repeat;
}
.goods.table li:nth-child(3) {
    background: url("../img/goods/table-3.jpg") no-repeat;
}
/*衣柜 wardrobe*/
.goods.wardrobe li:nth-child(1) {
    background: url("../img/goods/wardrobe-1.jpg") no-repeat;
}
.goods.wardrobe li:nth-child(2) {
    background: url("../img/goods/wardrobe-2.jpg") no-repeat;
}
.goods.wardrobe li:nth-child(3) {
    background: url("../img/goods/wardrobe-3.jpg") no-repeat;
}
/*灯 light*/
.goods.light li:nth-child(1) {
    background: url("../img/goods/light-1.jpg") no-repeat;
}
.goods.light li:nth-child(2) {
    background: url("../img/goods/light-2.jpg") no-repeat;
}
.goods.light li:nth-child(3) {
    background: url("../img/goods/light-3.jpg") no-repeat;
}